<template>
  <div class="total">
    <div class="one">
      <div class="two">
        <img src="@/assets/img/notlogin.jpg">

        <div class="three">

        </div>
      </div>

    </div>
    <AppFooter></AppFooter>
  </div>
</template>

<script>
import AppFooter from "@/components/AppFooter.vue";
export default {
  components:{
    AppFooter:AppFooter
  }

}
</script>

<style  scoped>
html,body{
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
.total{
  background:#f5f5f5;
  height:1070px;
  width:100%;

}
.one{
  width: 980px;
  min-height: 700px;
  _height: 700px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-width: 0 1px;

}
.two{
  position: relative;
  width: 807px;
  height: 268px;
  margin: 0 auto 0;
  padding-top: 104px;
  background-position: 0 104px;
//background: url("@/assets/img/mymusic.png") no-repeat ;

}
.three{
  width: 500px;
  height: 200px;
  background: white;
  position: absolute;
  top:480px
}


</style>